<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>详细信息</title>
    <script src="layui/layui.js"></script>
    <link rel="stylesheet" href="layui/css/layui.css" />
    <script src="https://heerey525.github.io/layui-v2.4.3/layui/layui.js"></script>
    <link rel="stylesheet" href="https://heerey525.github.io/layui-v2.4.3/layui/css/layui.css" />
    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
</head>
<body>
<div class="layui-row">
    <div th:insert="~{header::topbar}"></div>
</div>

<div class="layui-row">
    <div class="layui-col-md4 layui-col-lg-offset1">
        <div style="padding: 10px; background-color: #F2F2F2;">
            <div class="layui-card">
                <div class="layui-card-header">头像</div>
                <div class="layui-card-body">
                    <!--<img src="pic/pic3.jpg" th:src="@{${userInfo. getHeadicon()}}" width="450" height="300">-->
                    <div class="layui-carousel" id="test1">
                        <div carousel-item>
                            <div>
                                <img src="pic/pic3.jpg" th:src="@{${userInfo. getHeadicon()}}" width="450" height="300">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--描述、分类、价格、发布者、收藏人数、购买评价-->
    </div>

    <div class="layui-hide-md4 layui-col-lg-offset6">

        <div class="layui-col-md10">
            <div style="padding: 10px; background-color: #F2F2F2;">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <span th:text="'用户名：' + ${userInfo.getTelenum()}">用户名：13872596079</span>
                    </div>

                    <div class="layui-card-header">
                        <span th:text="'性别：'+${userInfo.getSex()}">性别：男</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md10">
            <div style="padding: 10px; background-color: #F2F2F2;">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <span th:text="'居住地：' + ${userInfo.getDwells()}">居住地：北京&emsp;朝阳区</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md10">
            <div style="padding: 10px; background-color: #F2F2F2;">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <span th:text="'院校：'+ ${userInfo.getGrade()} + '级&emsp;'">19级</span>
                        <span th:text="'&emsp;'+ ${userInfo.getCollege()}+ '&emsp;' + ${userInfo.getMajor()}">19级 计算机与信息学院 计算机科学与技术</span>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md10">
            <div style="padding: 10px; background-color: #F2F2F2;">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <span th:test="'宿舍：' + ${userInfo.getDormitory()}">宿舍：欣苑4#</span>
                    </div>

                    <div class="layui-card-body">
                        <span th:text="${userInfo.getBirthday()}">生日：1999-11-17</span>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="layui-col-md10 layui-col-lg-offset1">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>ta的发布</legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>

</div>

<div class="layui-row">
    <div class="layui-col-md10 layui-col-lg-offset1">

        <div th:each="goodsList:${goodsList1}">
            <div class="layui-card">
                <div class="layui-col-md3">
                    <div style="padding: 2px; background-color: #F2F2F2;">
                        <div class="layui-col-md12">
                            <div class="layui-card-body">
                                <a href="addgoods.html" th:href="@{/todetailGoods/} + ${goodsList.getGoodNum()}">
                                    <img th:src="@{${goodsList.getPic1()}}" alt="图片" height="160" width="250"></a>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-card-header" th:text="'#'+${goodsList.getSummaryClassifyname()}+'#'+${goodsList.getDetailClassifyname()}">分类
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="layui-card-header">价格：
                                        <span th:text="${goodsList.getPrice()}">价格未知</span>
                                    </div>
                                    <div class="layui-card-body">描述：
                                        <span th:text="${#strings.abbreviate(goodsList.getDescription(),15)}">无描述</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--文字信息-->

                        <!--、、、、、、-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><div class="layui-col-md10 layui-col-lg-offset1">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>ta的下架</legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>
</div>

<div class="layui-row">
    <div class="layui-col-md10 layui-col-lg-offset1">

        <div th:each="goodsList:${goodsList2}">
            <div class="layui-card">
                <div class="layui-col-md3">
                    <div style="padding: 2px; background-color: #F2F2F2;">
                        <div class="layui-col-md12">
                            <div class="layui-card-body">
                                <a href="addgoods.html" th:href="@{/todetailGoods/} + ${goodsList.getGoodNum()}">
                                    <img th:src="@{${goodsList.getPic1()}}" alt="图片" height="160" width="250"></a>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-card-header" th:text="'#'+${goodsList.getSummaryClassifyname()}+'#'+${goodsList.getDetailClassifyname()}">分类
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="layui-card-header">价格：
                                        <span th:text="${goodsList.getPrice()}">价格未知</span>
                                    </div>
                                    <div class="layui-card-body">描述：
                                        <span th:text="${#strings.abbreviate(goodsList.getDescription(),15)}">无描述</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--文字信息-->

                        <!--、、、、、、-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><div class="layui-col-md10 layui-col-lg-offset1">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>ta的出手</legend>
    </fieldset>
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend></legend>
    </fieldset>
</div>

<div class="layui-row">
    <div class="layui-col-md10 layui-col-lg-offset1">

        <div th:each="goodsList:${goodsList3}">
            <div class="layui-card">
                <div class="layui-col-md3">
                    <div style="padding: 2px; background-color: #F2F2F2;">
                        <div class="layui-col-md12">
                            <div class="layui-card-body">
                                <a href="addgoods.html" th:href="@{/todetailGoods/} + ${goodsList.getGoodNum()}">
                                    <img th:src="@{${goodsList.getPic1()}}" alt="图片" height="160" width="250"></a>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-card-header" th:text="'#'+${goodsList.getSummaryClassifyname()}+'#'+${goodsList.getDetailClassifyname()}">分类
                                </div>
                            </div>
                            <div class="layui-col-md12">
                                <div class="layui-card">
                                    <div class="layui-card-header">价格：
                                        <span th:text="${goodsList.getPrice()}">价格未知</span>
                                    </div>
                                    <div class="layui-card-body">描述：
                                        <span th:text="${#strings.abbreviate(goodsList.getDescription(),15)}">无描述</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--文字信息-->

                        <!--、、、、、、-->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--描述、分类、价格、发布者、收藏人数、购买评价-->

<!-- 条目中可以是任意内容，如：<img src=""> -->

<script src="/static/build/layui.js"></script>
<script>
    layui.use('carousel', function() {
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#test1',
            width: '100%' //设置容器宽度
            ,
            arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
</script>
<!--<script>-->
<!--//Demo-->
<!--layui.use('form', function(){-->
<!--var form = layui.form;-->

<!--//监听提交-->
<!--form.on('submit(formDemo)', function(data){-->
<!--layer.msg(JSON.stringify(data.field));-->
<!--return false;-->
<!--});-->
<!--});-->
<!--</script>-->
</body>
</html>
